html:{overflow: hidden;}
body {
	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	color: #333;
	overflow-x:hidden;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover{color: #ff9600;}
.back-color{background:#57a3f3;}
.border-color{border-color:#57a3f3;}
.font-color{color:#57a3f3;}
.font_on{color:#57a3f3 ;}

.container {
	margin: auto;
	width: 1000px;
}



.fl {
	float: left;
}

.fr {
	float: right;
}

.clear:after,
.clear:before {
	display: table;
	content: ""
}

.clear:after {
	clear: both
}

.top{background: #f8f8f8;padding: 5px 0;border-bottom: solid 1px #eee;font-size:13px;}
.top a{margin-left: 5px;}
.head {padding:15px 0;}
.head .fl img{height: 80px;vertical-align: middle;}

.head .fr{
	margin-top:20px;
	background: url() no-repeat top left ; padding-left:60px;
}
.head .fr div{color: #666;}
.head .fr strong{color: #000;font-size: 24px;line-height: 1.2;}

.nav{background: #57a3f3;}
.nav ul{display: flex;margin:0;padding:0;list-style: none;}
.nav ul li{flex: 1;position: relative;}
.nav ul li a{line-height: 40px;text-align: center;font-size: 16px;color: #fff; width: 100%;display: block; }

.nav ul li div{display: none;position: absolute;width: 100%;padding:10px 0; z-index: 1;}
.nav ul li div a{font-size: 14px;display: block;}

.nav ul li:hover div{display: block;}

.banner{overflow: hidden;position: relative;}
.banner-inner{position:relative; width: 1920px;left:-460px;text-align: center;}
.bainer .swiper-container{}
.banner-inner a{height: 100%;}
.banner img{vertical-align: middle;}


.floor{padding:30px 0;}
.floor:nth-child(even){ background: #f7f8fa; }
.floor-title{text-align: center;font-size: 24px;margin:0;margin-bottom: 30px;color: #000;font-weight: normal;}
.floor-intro{text-align: center;color: #666;}
.floor-link{ text-align: center;font-size: 14px;margin:auto;border:solid 1px #eee;display:table;margin-top:10px;margin-bottom: 20px;}
.floor-link a{display: inline-block;padding:5px 15px;border-left: solid 1px #eee;margin-left: -1px;background: #fff;;}

.floor-list ul{display: flex;flex-wrap: wrap;padding: 0;  margin:0; margin-left: -20px;list-style: none;margin-top:-10px;}
.floor-list li{width: 25%;padding-left:20px;padding-top:10px;box-sizing: border-box;}

.floor-list li img{width: 100%;vertical-align: middle;}
.floor-list li h3{font-weight: normal;font-size: 14px;text-align: center;margin:0;margin-top:5px;}

.floor-list li span{display: none;}
.floor-list li p{display: none;}

.floor-list-1 ul{}
.floor-list-1 li{width: 50%;padding-top:0;}
.floor-list-1 li a{border-bottom: solid 1px #eee;display: block;padding-bottom: 5px;position: relative;}
.floor-list-1 li img{display: none;}
.floor-list-1 li h3{text-align: left;font-size: 14px;}
.floor-list-1 li span{color: #999;font-size: 12px;display: block;position: absolute;top:8px;right: 0;}

.floor-list-2 a{padding: 0px;padding-bottom: 5px; display: block; border: solid 1px #eee;box-shadow: 0 2px 4px rgba(3,27,78,.06); background: #fff;}

.floor-list-3 ul{}
.floor-list-3 li{width: 50%;}
.floor-list-3 li a{border: solid 1px #eee;box-shadow: 0 2px 4px rgba(3,27,78,.06); background: #fff; display: block;padding: 10px;}
.floor-list-3 li img{width:80px;height:80px;float: left;margin-right: 10px;}
.floor-list-3 li h3{text-align: left;font-weight: bold;font-size: 16px;margin-top:0;font-weight: normal;}
.floor-list-3 li span{color: #999;font-size: 12px;display: none;}
.floor-list-3 li p{
	display: block;color: #666;font-size: 13px;margin:0;
overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
}

.floor-list-4 ul{}
.floor-list-4 li{width: 100%;padding-top:60px;}
.floor-list-4 li a{display: block;padding-bottom: 5px;}
.floor-list-4 li img{width:40%;float: left;margin-right: 10%;}
.floor-list-4 li h3{text-align: left;font-weight: bold;font-size:24px;margin-bottom: 10px;font-weight: normal;}
.floor-list-4 li span{color: #999;font-size: 12px;display: none;}
.floor-list-4 li p{
	display: block;color: #666;font-size: 16px;margin:0;
}

.floor-list-4 li:nth-child(odd) img{
	float: right;
	margin-left:10%;
	margin-right: 0;
}

.floor-page img{height: 300px; width: 49%; float: left;margin-right: 20px;}
.floor-page-body{height: 300px;overflow: hidden;}
.floor-page p{margin:0;line-height: 1.8;}
.floor-page .container{margin-top:20px;}
.floor-page .floor-btn{margin-top:10px;}
.floor-page .floor-btn a{padding:8px 20px;color: #fff;border:none;display: inline-block;margin-right: 10px;}

.foot-link h3{ 
	font-weight: normal;
	margin:0;
	margin-top:10px;
	font-size: 18px;
    border-bottom: 1px dashed #ddd;
	line-height: 40px;
}
.foot-link a{display: inline-block;margin-right: 10px;margin-top:10px;}

.foot{margin-top: 30px;border-top:solid 3px #57a3f3;padding-top:20px;}
.foot-left{float: left;}
.foot-left h3{margin:0px 0;}
.foot-left p{margin:5px 0;}
.foot-left strong{font-size: 24px;color: #000;}
.foot-menu{margin-left: 400px;}
.foot-menu ul{display: flex;padding: 0;margin:0; list-style: none;}
.foot-menu ul li {flex: 1;}
.foot-menu ul li a{font-size: 16px;line-height: 30px;font-weight: bold;}
.foot-menu ul li div a{display: block;font-size: 14px;font-weight: normal;}

.foot-copy{border-top:solid 1px #ddd;padding: 5px;text-align: center;margin-top:20px;}

.post-list h2{font-size: 16px;font-weight: normal; border-bottom: solid 1px #eee; margin:0;margin-bottom: 20px;height: 40px;}
.post-list h2 span{border-bottom: solid 2px #57a3f3;line-height: 39px;display: inline-block;}
.post-list ul{display: flex;flex-wrap: wrap;padding: 0;  margin:0; margin-left: -20px; margin-top:-20px; list-style: none;}
.post-list li{width: 25%;padding-left:20px;padding-top:20px;box-sizing: border-box;}
.post-list li img{width: 100%;vertical-align: middle;}
.post-list li h3{font-weight: normal;font-size: 12px;text-align: center;margin:0;margin-top:5px;}

.post-list li span{display: none;}
.post-list li p{display: none;}

.post-list-1 ul{margin-top:-10px;}
.post-list-1 li{width: 100%;padding-top:10px;}
.post-list-1 li a{border-bottom: solid 1px #eee;display: block;padding-bottom: 5px;position: relative;}
.post-list-1 li img{display: none;}
.post-list-1 li h3{text-align: left;font-size: 14px;margin-top:0;}
.post-list-1 li span{color: #999;font-size: 12px;display: block;position: absolute;top:4px;right: 0;}

.post-list-2 a{padding: 0px;padding-bottom: 3px; display: block; border: solid 1px #eee;box-shadow: 0 2px 4px rgba(3,27,78,.06); background: #fff;}


.post-list-3 ul{margin-top:-10px;}
.post-list-3 li{width: 100%;padding-top:10px;}
.post-list-3 li a{border-bottom: solid 1px #eee;display: block;padding-bottom: 10px;}
.post-list-3 li a:after,
.post-list-3 li a:before {
	display: table;
	content: ""
}
.post-list-3 li a::after{clear: both;}
.post-list-3 li img{width:80px;height:80px;float: left;margin-right: 10px;}
.post-list-3 li h3{text-align: left;font-weight: bold;font-size: 16px;margin-top:0;}
.post-list-3 li span{color: #999;font-size: 12px;display: none;}
.post-list-3 li p{
	display: block;color: #666;font-size: 13px;margin:0;
overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
}

.crumb{margin-top:10px;margin-bottom: 10px;}
.crumb span{font-family: '宋体';display: inline-block;margin:0px 3px;color: #666;}

div.page{text-align: center;margin-top:20px;}
div.page ul{text-align: center;display: block;margin-left: 0;}
div.page li{display: inline-block;width: auto;padding-left: 0;}
div.page li span{border:solid 1px #eee;padding:6px 12px;background: #fff;margin:0px 3px;display: inline-block; line-height: normal;position: unset;font-size: 14px;}
div.page li a{border:solid 1px #eee;padding:6px 12px;background: #fff;margin:0px 3px;line-height: normal;}
div.page li a:hover{border-color: #2B85E4;}
div.page li.active span{background: #2B85E4;color:#fff;border-color:#2B85E4 ;}

.post-info h1{font-size: 24px;text-align: center;margin:0;font-weight: normal;color: #000;margin-bottom: 20px;}
.post-info div{line-height: 1.8;}
.post-info p{margin:0;margin-bottom: 10px;}

.list-left{float: left;width: 240px;}
.list-main{min-height: 500px;float: right;width: 740px;}

.back-color{background: #2B85E4;}

.post-box{background: #f2f2f2;margin-bottom: 20px;}
 
.post-box .back-color{margin:0;}
.post-box h3 a{color: #fff;padding:0px 10px;display: block;font-weight: normal;font-size: 16px;line-height: 40px;}
.post-box div{}
.post-box div a{display: block;line-height: 40px;color:#333;border-top:solid 2px #fff;padding:0px 10px;}
.post-box div a:hover{color: #ff9600;}
.post-box div a.on{color: #ff9600;}

.post-info-page{margin-top:10px;}
.post-info-page div{margin-top:2px;background: #f9f9f9;padding: 10px;}

.post-info  a{color:#2B85E4}

.site-user{}
.site-user>div{padding: 10px;}
.site-user h3{margin:0;}
.site-user ul{margin:0;padding:0;}
.site-user li{list-style: none;padding:2px 0;margin:0;}
.site-user span{color: #666;width: 70px;display: inline-block;float: left;text-align: right;}
.site-user li div{margin-left:70px;}

@media screen and (max-width: 767px) {
	.list-left{display: block;float: none;width: 100%;margin-top: 20px;}
	.list-main{margin:0;float: none;width: 100%;min-height: auto;}
 .container{margin-left: 10px;margin-right: 10px;width: auto;}
 .head{padding:10px 0;}
 .head .fl img{max-width: 100%;max-height: 60px;height: auto;}
 .head .fr{display: none;}
  .nav ul{display: block;}
   .nav ul li{width: 25%;display: inline-block;box-sizing: border-box;float: left;}
 .nav ul li a{}
 .banner .container{margin:0;}
 .banner-inner{width: 100%;left:0;}
 .banner-inner img{width: 100%;}
 .banner .swiper-button-next{display: none;}
 .banner .swiper-button-prev{display: none;}
 .floor{padding:10px 0;}
 .floor-title{font-size: 18px;margin-bottom: 10px;}
 .floor-link{margin-bottom: 10px;}
 .floor-btn{text-align: center;}
 .floor-page .container{margin-top: 10px;}
 .floor-page img{width: 100%; height: auto; margin-right: 0;margin-bottom: 5px;float: none;}
 .floor-list ul{margin-left:-10px;}
 .floor-list li{width: 50%;padding-left: 10px;padding-top:10px;}
 
  .floor-list-1{padding-bottom: 0;}
 .floor-list-1 li{width: 100%;}
 .floor-list-1 li span{display: none;}
  .post-list-1 li span{display: none;}
  .floor-list-3{padding-bottom: 0;}
 .floor-list-3 li{width: 100%;}
 .foot-menu{display: none;}
 
 .post-list li{width: 50%;}
 .post-list-1 li{width: 100%;}
 .post-list-3 li{width: 100%;}
 
 .post-info h1{font-size: 16px;}
 
 
}